.sec {
    width: 100%;
    height: auto;
    background: #f9f9f9;
}

.sec-title {
    padding-top: 50px;
}

.sec-title img {
    display: block;
    margin: 0 auto;
}

.sec-con {
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 20px;
}

.sec-left {
    float: left;
    width: 315px;
    margin-right: 41px;
}

.sec-con ul li {
    border-bottom: 1px dashed #dcdcdc;
    font-size: 16px;
    color: #333;
    height: 106px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sec-con ul li .sec1 {
    width: 46px;
    float: left;
    height: 106px;
    padding-top: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
}

.sec-con ul li .sec1 span {
    height: 46px;
    text-align: center;
    width: 46px;
    background: url(../images/yy.png) no-repeat left center;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    line-height: 46px;
}

.sec-con ul li .sec2 {
    float: left;
    width: 263px;
    padding-top: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sec-con ul li .sec2 span {
    color: #f07b37;
}

.sec-con .sec-right ul li .sec2 {
    float: left;
    width: 329px;
    padding-top: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sec-midd {
    float: left;
    width: 446px;
}

.sec-right {
    float: right;
    width: 379px;
}


.expert {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 105px;
}

.expert-title {
    color: #ececec;
    font-size: 55px;
    text-align: center;
    padding-top: 4px;
}

.expert-title1 {
    color: #323232;
    font-size: 30px;
    text-align: center;
    margin-top: -15px;
    font-weight: bold;
}

.exper-ul {
    margin-top: 35px;
}

.exper-ul li {
    float: left;
    width: 240px;
    height: auto;
    background: #fff url(../images/exper.png) no-repeat right center;
    padding: 0 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.exper-ul li:last-child {
    background: #fff url(../images/exper1.png) no-repeat right center;
}

.exper-ul li .li-dd img {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.exper-ul li .li-dd .img2 {
    display: none;
}

.exper-ul li .exp-p {
    text-align: center;
    color: #666;
    font-size: 16px;
    margin: 10px 0;
    font-weight: bold;
}

.exper-ul li .exp-p1 {
    color: #666;
    font-size: 14px;
    height: 72px;
    overflow: hidden;
}

.exper-ul li .exp-more {
    margin: 0 auto;
    width: 97px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #909090;
    border-radius: 2px;
    text-align: center;
    margin-top: 18px;
}

.exper-ul li a {
    color: #666;
    font-size: 14px;
}

.exper-ul li:hover {
    background: #0459ac url(../images/exper1.png) no-repeat right center;
}

.exper-ul li:hover p {
    color: #fff;
}

.exper-ul li:hover .exp-more {
    border: 1px solid #fff;
}

.exper-ul li:hover a {
    color: #fff;
}


.product {
    width: 100%;
    height: auto;
    background: url(../images/pro-bg.jpg) center center;
    padding-bottom: 85px;
}


.pro-left {
    float: left;
    width: 285px;
    background: #045bb0;
    height: auto;
    margin-top: -26px;
}

.pro-one {
    height: 110px;
    background: url(../images/pro-one.png) no-repeat;
    margin-left: -18px;
    width: 321px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    padding-top: 30px;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pro-one span {
    font-size: 18px;
    color: #d7ebff;
}

.pro-left .leftmenu {
    background: #fff;
    padding: 16px;
    margin: 5px;
    height: 50px;
}

.pro-left dd > div {
    position: relative;
    height: 39px;
    background: #0459ac;
    padding-left: 20px;
    border-top: 1px solid #fff;
    border-radius: 2px;
    cursor: pointer;
}

.pro-left .leftmenu dd > div span {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    background: url(../images/icon2.png) no-repeat center;
}

.pro-left .leftmenu dd > div p {
    font-size: 18px;
    color: #fff;
    position: relative;
    top: 10px;
    left: 30px;
}

.pro-left .leftmenu dd > div p a {
    color: #fff;
}

.pro-left .leftmenu .title3 .p1 {
    color: #fff;
}

.pro-left .leftmenu .title3 .span1 {
    background: url(../images/icon1.png) no-repeat center;
}

.pro-left .leftmenu .menuson {
    margin-left: 25px;
}

.pro-left .leftmenu .menuson li {
    position: relative;
    display: block;
    width: 188px;
    height: 40px;
    border-bottom: 1px dotted #d7d7d7;
    line-height: 40px;
}

.pro-left .leftmenu .menuson li a {
    color: #555;
    font-size: 14px;
}

.pro-left .leftmenu .menuson li span {
    margin-right: 10px;
    color: #0459ac;
    font-size: 14px;
}

.pro-left .leftmenu .menuson li:hover a {
    color: #555;
}

.pro-left .leftmenu dd .menuson {
    display: none;
}

.pro-left .leftmenu dd:first-child .menuson {
    display: block;
}


.pro-right {
    float: right;
    width: 850px;
    height: auto;
    background: #fff;
    margin-top: 27px;
    padding: 20px 20px 0 20px;
    overflow: hidden;
}

.pro-right ul li {
    float: left;
    margin-right: 32px;
    margin-bottom: 10px;
}

.pro-right ul li img {
    display: block;
    border: 1px solid #dcdcdc;
    padding: 4px;
    width: 252px;
}

.pro-right ul li .pro-p {
    color: #555555;
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
}

.pro-right ul li .pro-more a {
    width: 92px;
    height: 26px;
    display: inline-block;
    border: 1px solid #cecece;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 26px;
    margin-left: 25px;
    border-radius: 20px;
}

.pro-right ul li .pro-more a:hover {
    background: #0459ac;
    color: #fff;
}


.case1 {
    width: 100%;
    height: 191px;
    background: url(../images/phon.jpg) no-repeat center center;
}

.case .case-left {
    float: left;
    width: 600px;
}

.case .case-left .case-p {
    font-size: 32px;
    color: #fff;
    margin-top: 62px;
}

.case .case-left .case-p1 {
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-top: 28px;
}

.case .case-right {
    float: right;
    width: 290px;
}

.case .case-right .case-p2 {
    color: #fff;
    font-size: 16px;
    margin-top: 36px;
}

.case .case-right .case-p3 {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    margin: 20px 0;
}

.case .case-right a {
    display: inline-block;
    width: 127px;
    height: 38px;
    background: #fff;
    line-height: 38px;
    font-size: 18px;
    color: #0459ac;
    text-align: center;
    border-radius: 2px;
}


.ys {
    width: 100%;
    height: auto;
    background: url(../images/ys.png) no-repeat center center;
}

.ys-title {
    padding-top: 77px;
    margin-bottom: 45px;
}

.ys-title img {
    display: block;
    margin: 0 auto;
    background: url(../images/ys.png) no-repeat center center;
}
.ys{}
.ys .hd{
    padding-bottom: 30px;
}
.ys .hd ul{width: 400px;margin-left:auto;margin-right:auto;background-image: url(../images/ico4.png);background-position:  0px center;background-repeat-x: repeat;background-repeat-y:  no-repeat;padding-left: 100px;padding-right: 100px;}
.ys .hd ul:after{
    content:"";
    clear:both;
    display:block;
}
.ys .hd ul li{
    background-image: url(../images/w1-4.png);
    width: 70px;
    height: 70px;
    float: left;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
}
.ys .hd ul li.li1{background-position: 0px center;}
.ys .hd ul li.li2{background-position:-70px center;}
.ys .hd ul li.li3{background-position:-140px center;}
.ys .hd ul li.li4{background-position:-210px center;}
.ys .hd ul li.on{
    background-image: url(../images/wh1-4.png);
}
.ys .hd ul li.li1{background-position: 0px center;}
.ys .hd ul li.li2{background-position:-70px center;}
.ys .hd ul li.li3{background-position:-140px center;}
.ys .hd ul li.li4{background-position:-210px center;}
.pr-u12 {
    
}

.pr-u12 li {
    margin: 20px 0;
    margin-bottom: 53px;
}

.pr-u12 li:last-child {
    margin: 0;
}

.pr-left {
    float: left;
    width: 637px;
    height: auto;
    overflow: hidden;
    margin-right: -45px;
}

.pr-right {
    float: right;
    width: 638px;
    height: auto;
    padding-left: 47px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

.pr-h1 {
    float: left;
    margin-right: 25px;
    width: 89px;
}

.pr-h2 {
    margin-top: 25px;
}

.pr-p {
    float: left;
    margin-bottom: 80px;
    position: relative;
}

.pr-p h6 {
    position: absolute;
    top: -3px;
    left: -79px;
    display: none;
}

.pr-p11 {
    font-size: 28px;
    color: #1b4f94;
    line-height: 28px;
    font-weight: bold;
}

.pr-p1 {
    border-bottom: 1px solid #1b4f94;
    color: #b3b4b4;
    font-size: 14px;
    margin-top: 5px;
    line-height: 30px;
}

.pr-p1 span {
    font-family: "Arial";
    font-size: 16px;
    color: #666;
}

.pr-p2 {
    height: auto;
    font-size: 16px;
    border-top: 2px solid #1b4f94;
    margin-top: 3px;
}

.pr-p2 ol {
    margin-top: 17px;
}

.pr-p2 ol li {
    background: url(../images/zuo.png) left center no-repeat;
    padding: 0;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}

.ys-more {
    width: 219px;
    height: 54px;
    background: #0459ac;
    border-radius: 2px;
    line-height: 54px;
    text-align: center;
    margin-top: 45px;
}

.ys-more a {
    font-size: 22px;
    color: #fff;
}

.pr-u12-top {
    height: auto;
    overflow: hidden;
}

.new_top {
    overflow: hidden;
}

.new_top .pr-left {
    float: right;
}

.new_top .pr-right {
    float: left;
    width: 618px;
    padding-left: 110px;
}

.new_top .pr-right1 {
    float: left;
    width: 637px;
    padding-left: 82px;
}

.new_top .pr-right .pr-p {
    text-align: right;
}

.new_top .pr-right .pr-p h6 {
    right: -88px;
}

.new_top .pr-right .pr-p2 ol li {
    background: url(../images/zuo.png) right center no-repeat;
    padding-right: 20px;
}

.new_top .pr-right .ys-more {
    float: right;
}


.din {
    width: 100%;
    height: 570px;
    background: #0459ac;
}

.din .expert-title {
    text-align: center;
}

.din .expert-title1 {
    color: #fff;
    font-size: 34px;
}

.din .expert-title2 {
    color: #e0e0e0;
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 63px;
}

.serv {
    background: url(../images/serv.png) no-repeat center;
    height: 266px;
}

.serv-top {
    height: 102px;
    padding-left: 2px;
}

.serv-top ul li {
    float: left;
    width: 101px;
    height: 102px;
    border-radius: 50%;
    margin-right: 81px;
    text-align: center;
    color: #0459ac;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 12px;
}

.serv-bottom {
    height: 102px;
    margin-top: 62px;
}

.sev-le {
    float: left;
    width: 307px;
    background: url(../images/pho.png) no-repeat left center;
    height: 73px;
    padding-left: 103px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding-top: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sev-le span {
    font-size: 26px;
}

.sev-le span {
    float: left;
    display: inline-block;
    font-weight: bold;
}

.sev-le1 {
    float: left;
    width: 145px;
    height: 35px;
    background: #ffffff;
    border-radius: 20px;
    margin-top: 36px;
    margin-left: 215px;
    text-align: center;
    line-height: 35px;
}

.sev-le1 a {
    color: #0459ac;
    font-size: 18px;
}

.dd {
    float: right;
    width: 470px;
    height: 101px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
}

.serv-bottom ul {
}

.serv-bottom ul li {
    float: left;
    width: 101px;
    height: 102px;
    border-radius: 50%;
    margin-right: 76px;
    text-align: center;
    color: #0459ac;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 12px;
}


.parner {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 25px 0;
    padding-bottom: 40px;
}

.scrollContainer {
    float: left;
    margin: 0 auto;
    overflow: hidden;
}

.parner .scrollContainer ul {
}

.parner .scrollContainer ul li {
    float: left;
    list-style: none;
    position: relative;
    margin-right: 28px;
}

.parner .scrollContainer ul li img {
    display: block;
    border: 1px solid #d8d8d8;
}

.parner .about_left {
    margin: 0 15px 0px 16px;
    cursor: pointer;
    height: 135px;
    width: 19px;
    float: left;
    background: url(../images/about_left.png) center center no-repeat;
}

.parner .about_left:hover {
    background: url(../images/about_left1.png) center center no-repeat;
}

.parner .about_right {
    margin: 0 16px 0px 15px;
    cursor: pointer;
    height: 135px;
    width: 19px;
    float: left;
    background: url(../images/about_right.png) center center no-repeat;
}

.parner .about_right:hover {
    background: url(../images/about_right1.png) center center no-repeat;
}

.parner .scrollContainer ul li span {
    display: block;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    margin-top: 3px;
    color: #666666;
    background: transparent;
    font-size: 14px;
}

.parner #wrapper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 50px;
}

.curm {
    width: 100%;
    height: auto;
    background: #f5f5f5;
    padding-bottom: 30px;
}

.cli-ul {
    margin-top: 32px;
}

.cli-ul li {
    float: left;
    width: 290px;
    background: #fff;
    margin-right: 13px;
    color: #000;
    margin-bottom: 20px;
}

.cli-ul li img {
    display: block;
}

.z-p {
    padding: 20px 20px;
}

.z-p .p-cl {
    font-size: 14px;
    border-bottom: 1px solid #c7c7c7;
    color: #242424;
}

.z-p .p-c3 {
    margin-top: 4px;
    color: #242424;
    font-size: 12px;
}

.z-p .p-c4 {
    width: 83px;
    height: 26px;
    background: #ff5e00;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
    margin-top: 20px;
}

.z-p .p-c4 a {
    color: #fff;
}

.about {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.about-con {
    height: auto;
    overflow: hidden;
}

.about-con .left {
    float: left;
    width: 755px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about-con .right {
    float: right;
    width: 401px;
    overflow: hidden;
    border: 0px solid #d7d7d7;
}

.about-con .title3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    margin-top: 30px;
}

.about-con .title3 h2 {
    font-size: 18px;
    font-weight: normal;
    text-indent: 20px;
    background: #0459ac;
    color: #fff;
}

.about-con .title3 .h22 {
    background: #0459ac url(../images/wo.png) 15px center no-repeat;
    padding-left: 30px;
}

.about-con .title3 .h23 {
    background: #0459ac url(../images/wo1.png) 15px center no-repeat;
    padding-left: 30px;
}

.about-con .title3 p {
    float: right;
    margin-top: -46px;
    margin-right: 20px;
    font-size: 18px;
}

.about-con .title3 p a {
    color: #fff;
}

.about-con .left .jianjie {
    position: relative;
    width: 755px;
    overflow: hidden;
}

.about-con .left .jianjie span {
    float: left;
    display: block;
    margin-top: 20px;
}

.about-con .left .jianjie .span1 {
    width: 320px;
    float: left;
}

.about-con .left .jianjie .span1 img {
    display: block;
}

.about-con .left .jianjie .span2 {
    width: 383px;
    float: left;
    margin-left: 23px;
}

.about-con .left .jianjie .span2 h2 {
    font-size: 18px;
    margin-bottom: 7px;
    margin-top: 10px;
    border-bottom: 1px solid #cacaca;
    color: #123569;
    line-height: 35px;
}

.about-con .left .jianjie .span2 p {
    font-size: 13;
}

.about-con .left ul {
    height: auto;
    overflow: hidden;
    margin-top: 21px;
}

.about-con .left ul li {
    float: left;
    margin-right: 19px;
    width: 239px;
    height: 209px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
}

.about-con .left ul li:nth-child(3n) {
    margin-right: 0px;
}

.about-con .left ul li img {
    border: 1px solid #d2d2d2;
    margin: 2px;
}

.about-con .right {
    float: right;
    width: 402px;
    overflow: hidden;
    border: 0px solid #d7d7d7;
}

.about-con .supslit2 {
    height: auto;
    border: 1px solid #d7d7d7;
    margin-top: 20px;
}

.supslit2 .leftLoop2 .hd {
    position: relative;
    width: 402px;
    margin: 0 auto;
    z-index: 999;
}

.supslit2 .leftLoop2 .hd .next {
    position: absolute;
    right: 10px;
    top: 150px;
    display: block;
    width: 26px;
    height: 98px;
    cursor: pointer;
    background: url("../images/cnextPro2.png") no-repeat left top;
}

.supslit2 .leftLoop2 .hd .prev {
    position: absolute;
    left: 8px;
    top: 150px;
    display: block;
    width: 26px;
    height: 98px;
    cursor: pointer;
    background: url("../images/cprevPro2.png") no-repeat left top;
}

.news {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.news-title {
    padding-top: 70px;
}

.don-in {
    height: auto;
    overflow: hidden;
    margin-top: 26px;
}

.don-le {
    width: 350px;
    float: left;
    margin-right: 74px;
}

.don-le img {
    width: 350px;
    height: 125px;
    margin-top: 20px;
}

.don-le ul li {
    height: 40px;
    border-bottom: 1px dashed #cbcbcb;
    display: block;
    line-height: 40px;
}

.don-le ul li a {
    color: #666666;
    line-height: 42px;
    background: url(../images/jiao.png) left center no-repeat;
    padding-left: 15px;
    display: block;
}

.don-le ul li:hover a {
    color: #0b3f8d;
}

.don-le ul li:hover span {
    color: #0b3f8d;
}

.don-le ul li span {
    float: right;
    text-align: right;
    color: #666666;
}

.don-le .h2 {
    color: #000;
    font-size: 16px;
    border-bottom: 2px solid #3062ac;
    font-weight: normal;
    line-height: 30px;
}

.don-le .h2 a {
    float: right;
    color: #000;
    font-size: 12px;
    width: 50px;
    height: 15px;
    border: 1px solid #3062ac;
    border-radius: 5px;
    text-align: center;
    line-height: 15px;
    margin-top: 8px;
}